@charset "utf-8";
.clearfix::after{
    content: "";
    display: block;
    clear: both;
}
@mixin mi($width,$height,$bg){
    width:$width;
    height: $height;
    background: $bg;
}
@mixin wh($width,$height){
    width:$width;
    height: $height;
}
@mixin size($font,$size,$color){
    font-family: $font;
    font-size: $size;
    color: $color;
}
.opus-head span a:nth-child(3){
        color:#444f58;
}
.opus-head span a:nth-child(4){
       color:#99999a;
}

//
         
       .closing-all-orders{
           @include wh(809px,529px);
           .closing-all-orders-head{
               height: 29px;
               li{
                   float: left;
                   @include wh(65px,36px);
                   list-style: none;
                   margin-left: 38px;
                   text-align: center;
                   padding-top: 12px;
                   position: relative;
                   transition: 0.3s;
                   a{
                       font-size: 16px;
                       line-height:25px;
                       color: #444f58;
                   }
               }
               li::after{
                    position: absolute;
                    top:41px;
                    left:9px;
                    content:"";
                    width:47px;
                    transition: 0.3s;
               }
               li:hover{
                   color:red;
                   transform: scale(1.2);
               }
               li:hover::after{
                    border-bottom: 2px solid #e60012;
                   transform: scaleX(0.5);
               }
           }
           .closing-line{
               @include wh(809px,373px);
               .closing-table1{
                   @include wh(769px,136px);
                   background: #f7f7f7;
                   margin-left: 26px;
                   color: #444f58;
                   td{
                       text-align: center;
                       font-size: 13px;
                       input[type="text"]{
                           @include wh(187px,39px);
                           text-indent: 1em;
                       }
                       input[type="datetime-local"]{
                           @include wh(150px,41px);
                            text-indent: 1em;
                       }
                       input[type="button"]{
                           @include wh(102px,37px);
                           background: #eb413d;
                           border-radius:15px;
                           margin-left: 10px;
                           color: white;
                       }
                   }
                   tr:nth-child(2) td{
                       text-align: left;
                   }
                   td:nth-child(1){
                     text-align: right; 
                   }
                  
               }
               .closing-table2{
                   @include wh(769px,226px);
                   text-align: center;
                   margin-left: 26px;
                   margin-top: 14px;
                   border: 1px solid #e7e7e7;
                  
                   tr:first-child{
                       @include wh(769px,49px);
                       background: #f8f8f8;
                     th{
                           font-size: 13px;
                           color: #99999a;
                           font-weight: normal; 
                       }
                   }
                   tr{
                       font-size: 13px;
                       border-bottom: 1px solid #f8f8f8;
                       td{
                           color:#444f58;
                       }
                       td:nth-child(3){
                           color: #5db705;
                       }
                   }
               }
           }
         .opus-paging{
           @include wh(782px,62px);
           margin-left: 26px;
           ul{
               @include wh(782px,62px);
               margin-top: 24px;
           li{
               float: left;
               list-style: none;
               @include wh(33px,38px);
               border: 1px solid #e7e7e7;
               margin-left: 7px;
               font-size: 13px;
               text-align: center;
               line-height: 38px;
               margin-top: 11px;
               a{
                   color: #444f58;
               }
           }
           li:nth-child(1){
               border: none;
               width: 69px;
               margin-left: 261px;
           }
           li:nth-child(3){
               border:1px solid #eb413d;
               color:#eb413d;
           }
           li:nth-child(6){
               border: none;
               width:25px;
           }
           li:nth-child(8){
               border: none;
               width:36px;
           }
           li:nth-child(9),li:nth-child(10){
               width:65px;
           }
           }
       }  
       } 
       
